<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%-- 引入页面头 --%>
<%@ include file="/pageHead.jsp"%>
<form name="form1" id="form1" method="post">
	<div class="pageMain">
		<div class="pageBody">
			<div class="form-group">
				<ul>
					<li>
					<label>
							译员标示
						</label>
						<input type="text" name="account" id="account" placeholder="昵称、真名、电话、邮箱查询" width="20%"></span>
					</li>
					
					<li>
						<i></i>
							<label>
								在线状态
							</label>
							<SELECT NAME="onlineStatus" SIZE="1">
							    <OPTION VALUE="">==请选择==	
								<OPTION VALUE="1">在线
								<OPTION VALUE="0">下线
							</SELECT>	
					</li>
				</ul>
				
				<ul>
					<li>
					    <label>
							译员类型
						</label>
						<SELECT NAME="translatorType" SIZE="1">
							    <OPTION VALUE="">==请选择==	
								<OPTION VALUE="FULL_TIME">专职
								<OPTION VALUE="PART_TIME">兼职
							</SELECT>	
					</li>
					
					<li>
						<i></i>
							<label>
									译员母语
							</label>
							<select name="srcLangId" id="srcLangId" class="slt">
							    <option value="">==请选择==	</option>
		                        <option value="1">中文</option>
								<option value="2">英文</option>
								<option value="3">日文</option>
								<option value="4">法文</option>
								<option value="5">德文</option>
								<option value="6">俄文</option>
								<option value="7">韩文</option>
								<option value="9">荷兰语</option>
								<option value="10">意大利语</option>
								<option value="11">西班牙文</option>
								<option value="12">葡萄牙语</option>
								<option value="20">泰语</option>
                    		</select>	
					</li>
				</ul>
				
			</div>
		</div>
		<div class="button-group">
			<input type="button" class="btn btn-default" id="butQuery" name="butQuery" value="<%=MessageResourcesUtils.getMessage(request,"common.button.query")%>" />
		</div>
		<table width="100%">
			<tbody>
				<tr>
					<td>
						<table id="datagrid"></table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
	//加载分页控件 datagrid
	$('#datagrid').issdatagrid(
	{
		formid : 'form1',
		title : '译员管理',
		width : 'auto',
		nowrap : true,
		autoRowHeight : false,
		singleSelect : true,
		striped : true,
		//collapsible:true,
		url : '${systemctx}/systemmanage/translator/listTranslator.json',
		sortName : '',
		sortOrder : '',
		remoteSort : true,
		idField : 'translatorid',
		pagination : true,
		rownumbers : true,
		showFooter : true,
		queryParams:$('#form1').serializeObject(),
		frozenColumns :[[
			{
				title : '译员id',
				field : 'translatorid',
				width : 100,
				sortable : true,
				align : 'left'
			},
			{
				title : '译员类型',
				field : 'translatortype',
				width : 100,
				sortable : true,
				align : 'left',
				formatter:function (value,row,index){ 
					if(value == 'PART_TIME'){
						return "兼职";
					}else if(value == 'FULL_TIME'){
						return "专职";
					}
				}
			},
			{
				title : '译员昵称',
				field : 'nickname',
				width : 100,
				sortable : true,
				align : 'left'
			},{
				title : '译员真名',
				field : 'truename',
				width : 100,
				sortable : true,
				align : 'left'
			}
		]],
		columns : [ [
			{
				title : '注册类型',
				field : 'regtype',
				width : 100,
				sortable : true,
				align : 'left'
			}, 
			{
				title : '电话',
				field : 'phone',
				width : 50,
				sortable : true,
				align : 'left'
			}, 
			{
				title : '邮箱',
				field : 'email',
				width : 60,
				sortable : true,
				align : 'left'
			}, 
			{
				title : '译员母语',
				field : 'monthertongue',
				width : 50,
				sortable : true,
				align : 'left'
			}, 
			{
				title : '译员语种',
				field : 'langabilitys',
				width : 100,
				sortable : true,
				align : 'left'
			}, 
			{
				title : '账户状态',
				field : 'datastatus',
				width : 100,
				sortable : true,
				align : 'left',
				formatter:function (value,row,index){ 
					if(value == 'BlockUp'){
						return "禁用";
					}else if(value == 'Deleted'){
						return "删除";
					}else{
						return "正常";
					}
				}
			}, 
			{
				title : '注册时间',
				field : 'registertime',
				width : 100,
				sortable : true,
				align : 'left'
			}, 
			{
				title : '译员标签',
				field : 'tags',
				width : 100,
				sortable : true,
				align : 'left'
			},
			{
				title : '在线情况',
				field : 'onlinestatus',
				width : 100,
				sortable : true,
				align : 'left',
				formatter:function (value,row,index){ 
					if(value == '0'){
						return "不在线";
					}else if(value == '1'){
						return "在线";
					}else{
						return "未知";
					}
				}
			},
			{
				title : '操作',
				field : 'filename',
				width : 350,
				sortable : true,
				align : 'left',
				formatter:function (value,row,index){ 
					return "<a onclick=javascript:edit('" + row.translatorid + "')>编辑 </a><a onclick=javascript:block('" + row.translatorid + "')>禁用</a><a onclick=javascript:unblock('" + row.translatorid + "')>解禁</a>"; 
				}
			}
		]],
		onLoadSuccess : function(data) {

		}
	});

	$('#butQuery').click(function() {
		$('#datagrid').datagrid('load',$('#form1').serializeObject());
	});
});

function edit(translatorId){
	window.location.href = "editTranslator.web?translatorId=" + translatorId
}

function block(translatorId){
	$.post(
		"block.json", 
		{
			translatorId : translatorId
		}, 
		function(jsonResult) {
			if("1" == jsonResult.result) {
				artDialog.phoneAlert("译员帐号被禁用", function(){
					window.location.reload();
				});
			}
		}
	);
}

function unblock(translatorId){
	$.post(
		"unblock.json", 
		{
			translatorId : translatorId
		}, 
		function(jsonResult) {
			if("1" == jsonResult.result) {
				artDialog.phoneAlert("译员帐号被解禁", function(){
					window.location.reload();
				});
			}
		}
	);
}
</script>
<%-- 引入页面尾 --%>
<%@ include file="/pageFloor.jsp"%>